<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html">

<h:head>
	<title>Mini Tutorial</title>
	<style>
		body{
			width: 600px;
			margin: auto;
			border: 1px solid yellow;
		}
	</style>
</h:head>
<h:body>
	<h1>Mini Tutorial</h1>
	<h:form>
		l,
		<ui:repeat var="item" value="#{tutorialHomeBean.listArticles}">
			<article> 
				<header> #{item.title} </header>
				<p> #{item.description} </p>
				<a href="./detail.happy?item=#{item.articleID}">detail</a>
				<footer> #{item.createDate}</footer>
			</article>
		</ui:repeat>
	</h:form>
</h:body>
</html>